@import 'fonticon';

body,h1,h2,h3,h4,h5,h6,hr,p,div,span,ul,ol,li,input,img,select{
    margin: 0;
    padding: 0;
}

html,body{
    font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    font-size:12px;
    line-height: 1;
    color: #333;
}

img{
    border: none;
}

a{
    text-decoration: none;
    color: #333;
}

a:hover{
    text-decoration: underline;
}

ul,li{
    list-style:none;
}

.mt5{
    margin-top: 5px;
}

.mt10{
    margin-top: 10px;
}

.mt12{
    margin-top: 12px;
}

.mt15{
    margin-top: 15px;
}

.mt20{
    margin-top: 20px;
}

.mt25{
    margin-top: 25px;
}

.mt30{
    margin-top: 30px;
}

.mt32{
    margin-top: 32px;
}

.ml3{
    margin-left: 3px;
}

.ml10{
    margin-left: 10px;
}

.ml5{
  margin-left: 5px;    
}

.ml15{
  margin-left: 15px;    
}

.ml20{
    margin-left: 20px;
}

.ml25{
    margin-left: 25px;
}

.ml50{
    margin-left: 50px;
}

.mr3{
    margin-right: 3px;
}


.mr5{
margin-right: 5px;
}

.mr10{
margin-right: 10px;
}

.mr19{
     margin-right: 19px;
}

.mr20{
    margin-right: 20px;
}

.mr40{
    margin-right: 40px;
}

.fl{
     float:left;
}

.fr{
    float:right;
}

.clear{
    &:before,&:after{
        content: "";
        display:table;
    }
    &:after{
        clear: both;
    }
}

.ell{
//  overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

// 文本颜色预设
$orange:#ff8400;
.t-orange{color: $orange;}

.sprite{
    background: url(../img/szcs.png) 0 0 no-repeat;
}

.layout{
        width: 1000px;
        margin: 0 auto;
}

.header{
    border-top:2px solid #ff8500;
    border-bottom: 1px solid #edeef0;
    background-color:#fcfcfc;
    [class^=icon-],[class*= icon-]{
        &:before{
            font-size:12px;
            padding-left: 5px;
            color: #ff8400;
        }
    }
     .link{
            display:inline-block;
            padding: 12px 10px;
        }
     a:hover{  
         background-color:#EDEEF0;      
         color: #ff8400; 
         text-decoration: none;      
    }
}

.downmenu{
    position:relative;
    display: inline-block;
    .sub{
        width:100%;
        display: none;
        position: absolute;
        top: 100%;
        left: 0;  
        background: #fff;
        z-index: 10;        
        .list{                     
               a{
                    display: block; 
                    width: 80%;             
                    height: 20px;
                    padding:10px 7px 0px 10px;
                    line-height: 16px;
                    background-color:#fff;
                    border-bottom: 1px solid #fecc5b;
                    border-left: 1px solid #fecc5b;
                    border-right: 1px solid #fecc5b;
                    &:hover{
                       text-decoration: none;
                        background-color:#FFF5DA;
                    }
            }
                                  
        }
        
        .login{ 
            width: 477px; 
            height: 294px;      
            border:1px solid #ffc525; 
            background: #fff;
            z-index: 10;
            .qrcode{
                .qrimg{
                    display: block;
                    position: relative;
                    width: 160px;
                    border-right: 1px solid #EDEDED;
                    .qrcode-help{
                        display: none;
                        position: absolute; 
                        width: 205px;
                        height: 315px;
                        top: 0;
                        left: 150px; 
                        background: #fff;
                        border: 4px solid lightgray; 
                        .txt{
                            color: #333;
                        }                      
                        }  
                     &:hover{
                         .qrcode-help{
                                 display: block;
                              }            
                    } 
                    &:hover{
                        background-color: #fff;
                    }                   
                }                 
              } 
            .loginbox{
                .item{
                display: block;
                width: 180px;
                height: 10px;
                padding: 7px 5px;              
                outline: none;
                }
                    .btn{
                     padding: 7px 18px;
                     background: #ff8500;
                     color: #fff;
                     outline: none;
                 }
                 .label{
                     padding: 8px 0px;       
                 }
                 .optionwarp{
                     .forget-pwd{
                         color: #a87a2c;                    
                         padding-right:5px; 
                     }
                     .qq-login{
                         padding: 5px;
                     }
                     & a:hover{
                        text-decoration:underline;
                        background: none;
                     }
                   }              
                }                
                
            }
        }
        .loginwarp{
            left: -220px;
        }
    &:hover{
        .sub{
            display: block;
        }
    }
    
}

//导航
.search{
     padding: 0 0 0 15px;
     cursor: pointer;  
    .sinalogo{
        display: block;
    }
    .sim-select{
        position: relative;      
         .span{
             display: block;
             padding: 9px 10px;
             font-size: 14px;
             border: 1px solid #ccc;
             text-align: center; 
         }
         .sim-ul{
             display: none;
             position: absolute;
             top: 35px;
             left: 0;
             li{
                 width: 72px;
                 height: 29px;
                 line-height: 29px;
                 text-indent: 14px;
                 border: 1px solid #d0d0d0;
                 border-top: none;
                 background: #fff;
                 &:hover{                  
                    background-color:#FFF5DA;
                 }
             }
         }
          &:hover{
             .sim-ul{
                 display: block;
             }
         }
     }
     .inpwarp {
          height: 33px;
          border: 1px solid #d0d0d0;
          border-left: none;
         .inp{
             width: 240px;
             padding:10px;
             border: none;
             background: none;
             outline: none;
         }
     }
     .btn{
         padding: 5px 20px;
         background-color: #FF8400;     
         .icon-search{
              color:#fff;
             font-size: 25px;
            
         }
     }
     .weatherwrap{
         font-size: 14px; 
         font-family: "宋体";        
         .weather{
             display: block;
             padding: 8px 0 0 15px;
             color:#666; 
             &:hover{        
                 color: #ff8400; 
                 text-decoration:none;        
            }
            .icon-Rain{
                font-size: 30px;
            }
         }
         
     }
}

//导航列表
.nav-main{
    a:hover{
        color:  #FF8400;
    }
    .newwarp{
          border-right: 1px solid #ccc;
         div{
            a{
                display: inline-block; 
                text-align: center;
                margin:5px 15px 5px 0;
            }
        }
    }
}    

//头部广告

.top-adds{
      background-color: #f6f8f9;
    .adds-a{
        height: 35px;
        a{
            float: left;
            width: 108px;
            padding:10px 0px 0 15px;
            text-align: center;
        }
    }
}

//头部新闻
.topnews{

        //滑动广告
    .slide-warp{
         position: relative;
         .next,.prev{
            position: absolute;
            bottom: 12px;
            font-size: 18px; 
            &:hover{
             text-decoration:none;
            }        
         }
         .prev{
            right: 0;
         }
    
        .slide-img{
            position: relative;
            .tit{
                position: absolute;
                bottom: 0;
                left: 0;
                padding: 15px 20px 15px 20px;
                font-size:14px;
                background-color: #D2D1D0;
                text-align: center;
                & a:hover{
                     text-decoration: none;
                     color: #FF8400;
                }
            }
        }
        .slide-dot{
            position: absolute;
            left: 70px;
            bottom: 55px;
            .item{
                display: inline-block;
                width: 5px;
                height: 5px;
                margin: 0 5px;
                background: #ccc;
                cursor:pointer; 
                &:hover{
                    background-color: #FF8400;
                }
            }
        }
    }
}

//更多
 .more,.more-list{
         font-size: 12px;
          a{
             color: #7A7A7A; 
          &:hover{
             color: #FF8400 ;
            text-decoration:underline;
            }
         }
     }
     
 .more{
     padding: 10px;
     background-color: #FAFAFA;
    border-left: 1px solid #e3e6ed;
     border-right: 1px solid #FAFAFA;
}

.more-list{
     padding: 12px 5px 0px 0px;
    }
             
//新浪产品   
        .sinamodel{
            border: 1px solid #edeef0;
            .tab-nav{
             border-top:3px solid #ff8500;
             border-bottom: 1px solid #edeef0;
             .txt{
                 display: block;
                 padding: 8px 0px 6px 10px;
                 font-size: 16px;            
             }
              & :hover{
                    text-decoration:none;
                    color: #FF8400 ;
                    }
             .arrow{
             padding: 5px 0;
             cursor:pointer;
             }                                    
             [class^=icon-],[class*= icon-]{
                    &:before{
                        font-size: 18px;
                        padding-right: 8px;
                    }
                }
            }            
             
            .bd-pub{
                font-size: 12px;
            }
            
          //星座
            .xz-warp{
                a:hover{
                    text-decoration: none;
                    color: #8e0b89;
                }
              .xz-top{
                  padding: 0 15px;
                  font-weight: bold;
                  color: #8e0b89;
                  .xz-l{
                   font-size:16px;
                   }
                   .xz-r{
                   padding-top: 3px;
                   }
               }
               .xz-main{
                   width: 218px;
                   padding: 0 10px;
                   font-size: 14px;
                   .item{
                       padding: 5px 10px 5px 0px;
                   }
                   .xz-icons{
                       border-top:1px solid #ccc;
                       padding:5px 0px;
                       a{
                           display: inline-block;
                           padding: 5px 0 5px 40px;
                           width: 30px;
                       }
                       .xzys{
                           background-position:0 0;
                       }
                       .zgjm{
                           background-position:0 -57px;
                       }
                       .sxys{
                           background-position: 0 -115px;
                       }
                   }
               }
            }
            
        }

//头部公用      
.tabs{
    .hide{
        display:none;
    }
    .hd{ 
        position: relative;
        background-color: #F9F9F9;                                        
        border: 1px solid #e3e6ed {
            left: none;
        };
        
         a:hover{
                text-decoration: none;
            }
        >span{
            float: left;               
            display: block;
            border:1px solid #e3e6ed{
               top-width: 3px;
               top-color: #f9f9f9;
               bottom: none;
               right: none;
            }
            font-size: 16px; 
            margin-right: -1px;  
            padding:8px 14px 7px 12px;             
        }
        .on{
               background: #fff;
               border-top-color: #FF8400;
            }
        .on-game{
             background: #fff;
        }
       .guess{
         .guess-control{ 
            & :hover{
                    color: #FF8400 ;
                    }
             .like-dot{
                 padding: 0 3px;                
                 .item{
                    display: inline-block;
                    width: 5px;
                    height: 5px;
                    margin:5px 0;
                    background: #ccc;
                    cursor:pointer; 
                    &:hover{
                        background-color: #FF8400;
                    }
                }
             }
         }
         .hot{
             display: block;
              &:hover{
             .weibo-login{display: none;}
         }
         }
        
       }       
        .weibo-login{
             display: block;
             position: absolute;
             top: 8px;
             right: 0;
              width: 26px;
              color: #596A7B;
         &:hover{
            color: #FF8400;
        }
        } 
        .date,.more-list{
                font-size: 12px;
        }
        .date{
            padding: 10px 10px ;
        }
        .link{
            display: inline-block;
            padding:12px 0px 0 80px;
            &:hover{
                color: #FF8400;
                text-decoration: underline;
                }
        }
        .search{
            padding:10px;
            border-left: 1px solid #ccc;
             .link{
                 color: #ccc;
             }
                &:hover{
                background-color: #fff;
                color: #FF8400;
                }
                
            }
            
    }
    .n-hd {
         background-color: #F9F9F9;                                        
         border: 1px solid #e3e6ed {
            left: none;
        };
        a:hover{
            color: #ff8400;
            text-decoration: none;
        }
        span{
            float: left;
            display: block;
            font-size: 16px;
            padding:8px 14px 7px 12px;  
        }
    }
    .bd{
        border: 1px solid #e3e6ed;
    }
    
    .game{
        a{
            color: #666;
            font-size: 14px;
            padding: 3px;
            }
    }
    .anzgame{
        span{
           padding: 7px 7px 9px 8px; 
           a{
              color: #666;
            font-size: 14px;  
           }
        }
    }
    
}


    //图片边框字体变色
.bd-pub-img{
    position: relative;
    .pic{
         border: 1px solid #fff;
    }
      .pic,.vid{
          position: relative;
          background: #000000;
        .txt,.txt-a,.txt-b{
            display: block;
            color: #fff;
        }
        .txt{
            padding: 3px;
            text-align: center;
            background-color: #000;
        }
        .txt-a{
            position: absolute;
            top: 72px;
            padding: 4px 4px 4px 5px;
            background-color: #33303D;
        }
        .txt-b{
            padding: 8px 0;
        }
         .icon-play{
             position: absolute;
             top: 40px;
             left: 8px;
             font-size:20px;
             color:#fff;
         }   
        &:hover{
            text-decoration: none;
            border-color: #FF8400;                       
        .txt,.txt-a,.txt-b,.icon-play{
             color: #FF8400;
          }
       }          
    }
    
    .love-pic{
        .pic{
            display: inline-block;
        }
    }
    
    //汽车
    .car-select{
         .link-car{
             font-size: 14px;
             color: #666;
         }
        a:hover{
            text-decoration: none;
        }
        .select-l,.select-r{
            position: relative;
            display: block;
            border: 1px solid #ccc;
             padding: 5px 10px;
             
             span{
                padding: 0 4px 0 20px;
                cursor: pointer;
                color: #666;
             }        
             [class^=icon-],[class*= icon-]{
             &:before{
                padding-left: 30px;
                cursor: pointer;
                 }
              }
              .drop-l,.drop-r{
                  display: none;
                  position: absolute;
                  top: 24px;
                  left: 0;
                  width: 126px;
                  max-height: 164px;
                  background: #fff;
                  overflow: auto;
                  overflow-x: hidden;
                  cursor: pointer;
                  li{
                      padding: 5px 10px;
                  }
                  .group{
                      background-color: #efefef;
                  }
                  .noption{
                      &:hover{
                          background-color:#fff6dd;
                          color: #e77802;
                      }
                  }
              }
        }
        .select-l{
            border-right: none;
            &:hover{
                .drop-l{display: block;}
            }
        }
        .select-r{
            &:hover{
                .drop-r{display: block;}
            }
        }
        .btn{
            padding:5px 10px;
            background-color: #FF8400;
            border: none;
            .car-link{
                color: #fff;
            }
        }
    }
    .next,.prev{
        position: absolute;
        top: 60px;
        font-size: 25px;
        &:hover{
            text-decoration: none;
            color: #FF8400;
        }
    }
    .next{
        left: 0;
    }
    .prev{
        right: 0;
    } 
}

 .dot{
     text-align: center;
    .item{
        [class^=icon-],[class*= icon-]{
             &:before{
              font-size: 25spx;
             cursor: pointer;
                 } 
               }
            &:hover{
                color: #FF8400;
            }
        }
    }




.bd-pub{
   font-size: 14px;
    li{
        padding-bottom: 10px;
        overflow: hidden;
        white-space: nowrap;
    }
    .iconimg:hover{
        text-decoration: none;
    }
    a{
        display: inline-block;
        color: #122e67;
         &:hover{
            color: #FF8400;
        }
    }
    
    //颜色
.link-grey{
    padding-left: 16px;
       a{
        color: #596A7B;
         &:hover{
            color: #FF8400;
        }
       }       
    }
   //上边框
 .topline{
           border-top: 1px solid #EDEDED;
           padding-top: 6px;
       }
    
     .link-a,.line{
        padding-right: 2px;
    }
    
    .link-b{
        width: 194px;
    }
    
    .link-c{
        width:320px;
    }
    
    .link-d{
        width: 100px;
    }
    
    .link-e{
        width: 217px;
    }
    
    .link-f{
        width: 238px;
    }
    
    .link-g{
        width: 180px;
    }
    
    .more{
        display: block;
        background: #fff0df;
        border: 1px solid #ffdfbb;
        color: #FF8500;
        padding: 2px 143px;
        font-size: 12px;
        &:hover{
             text-decoration: none;
        }
    }
    
    
  }
      .list-a{
        width: 360px;
    }
    
    .list-c{
        border-top:1px solid #EDEDED;
        color: #596A7B;
    }
   
.add-list{
    .addarp{
        border-bottom: 1px solid #ccc;
        padding-bottom: 8px;
      .item{
          border-right: 1px solid #ccc;
         a{
             display: block;
             padding: 6px 17px;
             text-align: center;
         }
      }
  }
} 

.icon-arrow-left,.icon-arrow-right{
    padding: 40px 0;
}

.music{
    font-size: 12px;
    .bd-pub-img{
        padding: 10px 0px;
    } 
      .music-icon{
          [class^=icon-],[class*= icon-]{
             &:before{
                padding: 40px 0;
                font-size: 20px;
                cursor: pointer;
                color:#CACACA;                  
                 }
              }  
      } 
}


.travel{
    .bd-pub-img{
        padding-top: 20px;
    }
    .title{
           .tit{
               display: block;
               width:148px;
               padding:0 5px 10px 0;
               line-height: 20px;
               font-size: 14px;
               color: #FF8400;
           }
       }
}

.search-img{
     .bd-pub-img{
        padding: 10px 0px 0 0;
        .gif{
            a{
                color: #666;
                &:hover{
                    color: #FF8400;
                }
            }
            img{
                padding-left: 10px;
                width: 218px;
                height: 160px;
            }
        }
    }
}

.city-union{
    border: 1px solid #e9e9e9;
    .city-box,.hot-box{
    .city,.hot{
        font-size: 16px;
        color: #e66100;
        background-color: #FFFCF1;
    }
     .city{
         padding:24px 20px;   
    }
    .hot{
        padding: 10px 20px;
    }
    
    .city-list,.hot-list{
        width: 850px;
        padding: 15px 0 0 0;
        a{
            color: #596976;
            padding: 5px;
            &:hover{
                color: #FF8400;
            }
        }
    }
}
    .hot-box{
        border-top: 1px solid #EDEDED;
    }
}

.add-img{
    border: 1px solid #EDEDED;
    padding: 2px;
    .tit{
        background-color: #CACACA;
        padding:2px 91px 0px 10px;
        p{
           padding: 5px;
        }
        &:hover{
            text-decoration: none;
        }
    }
}

.footer{
    font-size: 12px;
    text-align: center;
    >p{
        padding: 5px 0;
        color: #939393;
        a{
            display: inline-block;
            padding: 0 5px;
            color: #939393;
             &:hover{
            color: #FF8400;
        }
        }
    }
    .sinalink{
    background: #f7f7f7;
    padding: 10px;
    text-align: center;
     color: #75839d;
}
    .ft-list{
        a{
          display: inline-block;
          width: 108px; 
        }
    }
}
